<template>
  <div>
    <el-container class="el-container">
      <el-header class="el-header">
        {{msg1}}
      </el-header>
      <el-main >
        <div class="el-main">
          <el-row >
            <el-col :span="24"><div class="grid-content bg-purple-dark">快捷入口</div></el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="6"><div class="grid-content bg-purple"> <el-button type="text"><i class="el-icon-user" ><a  @click="Go('UserAdmin')">用户管理</a></i> </el-button></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"> <el-button type="text"><i class="el-icon-s-operation">医生排班管理</i> </el-button></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"> <el-button type="text"><i class="el-icon-sell">非药品收费项目管理</i> </el-button></div></el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="6"><div class="grid-content bg-purple"> <el-button type="text"><i class="el-icon-notebook-2">诊断目录管理</i> </el-button></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"> <el-button type="text"><i class="el-icon-first-aid-kit">结算类别管理</i> </el-button></div></el-col>
            <el-col :span="6"><div class="grid-content bg-purple"> <el-button type="text"><i class="el-icon-s-promotion">挂号级别管理</i> </el-button></div></el-col>
          </el-row>
        </div>
      </el-main>
    </el-container>


  </div>
</template>

<style>
  .el-container{
    height: 500px; border: 1px solid #eee;
  }
  .el-header{
    text-align: left;
    font-size: 40px;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    background-color: lightskyblue;
  }
  .el-main{
    height:100%;
  }
  .el-row {
    margin-bottom: 20px;
  }
  .head-row
  {
    height:100px;
    width:100%;
    background-color: #eeeeee;
  }
  .el-col {
    border-radius: 4px;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }


</style>

<script>
  export default {
    data() {
      return {msg1: '后台管理系统'}
    },
    methods:{
      Go (e) {
        this.$router.push({path:'/'+e})
      }
    }
  }
</script>
